// index.js
// pages/map/map.js
//2、填充腾讯地图SDK开发者密钥
const key = 'XRQBZ-GBCWZ-4P7XL-7C5XL-JWQDQ-76FBN'

const QQMapWX = require('../../libs/qqmap-wx-jssdk.js')
const qqmapsdk = new QQMapWX({
  key
})

Page({
  data: {
    scale: 18,      // 缩放
    longitude: 0,   // 地图中心点经度
    latitude: 0,    // 地图中心点纬度
    markers: []     // 标记点
  },
  mapCtx: null,

  onReady: function () {
    this.mapCtx = wx.createMapContext('myMap')
  },

  onLoad: function () {
    wx.getLocation({
      type: 'gcj02',
      success: res => {
        console.log('onLoad-->wx.getLocation',res);
        //3、更新页面初始化的经纬度
        this.setData({
            longitude:res.longitude,
            latitude:res.latitude
        })
      }
    })
  },

  getFood: function (longitude, latitude) {
    // 调用接口
    qqmapsdk.search({
      // 搜索关键词  “酒店”“餐饮”“娱乐”“学校”等
      keyword: '学校',
      location: {
        longitude: longitude,
        latitude: latitude
      },
      success: res => {
        console.log("附近的美食-》",res);
        var markers = []
        // 4、为附近的美食餐厅设置标记点
        for (let i in res.data) {
            markers.push({
              iconPath:"../../images/food.png",
              id:markers.length,
              latitude:res.data[i].location.lat,
              longitude:res.data[i].location.lng,
              title:res.data[i].title,
              width:30,
              width:30
            })
        }
        //添加中心点图标
        markers.push({
          iconPath: '/images/center.png',
          id: res.data.length,
          latitude: latitude,
          longitude: longitude,
          width: 15,
          height: 40
        })
        // 将搜索结果显示在地图上
        this.setData({
          markers
        })
      }
    })
  },

  regionChange: function (e) {
    if (e.type === 'end') {
      this.mapCtx.getCenterLocation({
        success: res => {
          // 5、显示附件美食
           this.getFood(res.longitude,res.latitude)
        }
      })
    }
  },

  bannerTap: function () {
    wx.navigateTo({
      url: '/pages/coupon/coupon'
    })
  },
  
  controlTap: function (e) {
    this.mapCtx.moveToLocation({
      longitude:113.324520,
      latitude:23.099994,
      success:res =>{
        console.log(res);
      }
    })
  }
})
